<!--
内容：添加福利 模态框
作者：黄彪
日期： 20170706
-->

<template>
    <div class="inviteInterview-child-addfareModalComp">
        <Modal title="福利" v-model="isShowAddfareModal" :mask-closable="false">

            <div>
                <div class="float_left width_200px">
                    <Input v-model="value" placeholder="请输入..." style="width: 300px"></Input>
                </div>
                <div class="margin_left_200">
                    <Button type="primary margin_right_15">提交</Button>
                    <Button type="primary margin_right_15">保存</Button>
                </div>
            </div>
            <div>
                <span class="welfare-label">五险一金</span>
                <span class="welfare-label">五险一金</span>
                <span class="welfare-label">五险一金</span>
                <span class="welfare-label">五险一金</span>
            </div>

            <div slot="footer" class="text_center">
                <Button type="primary margin_right_15">提交</Button>
                <Button type="primary margin_right_15">保存</Button>
                <Button type="primary margin_right_15">取消</Button>
            </div>
        </Modal>
    </div>
</template>

<script>

    export default {
        components: {
        },
        props:[
            "isShowAddfareModal"
        ],
        data: function() {
            return {
                welfareModal: true,
            }
        },
        methods: {

        },
        computed: {
        }
    }
</script>

<style scoped lang="scss">
    .inviteInterview-child-addfareModalComp{

        .welfare-label{
            padding: 6px 12px;
            background: #eee;
        }

    }
</style>
